<template>
    <div class="dengli">
         <div class="denglu-header">
	    		<span class="denglu-left"><img v-bind:src='cha'></span>
	    		<span class="denglu-center">{{msg}}</span>
	    		<span class="denglu-right"></span>
	    </div>
	    <div class="denglu-warp">
	    	<img v-bind:src='logo'>
	    </div>
	    <div class="denglu-npt">
	    	<input class="npt"  type="text" placeholder="手机号" />
	    	<button class="yanzheng">验证</button>
		 </div>
		 <div class="denglu-yanzhengma">
		 	<input class="inpt"  type="text" placeholder="验证码" />
		 </div>
		 <div class="denglu-btn">
		 	<input type="button"  value="快速登陆" class="btn">
		 </div>
		 <div class="denglu-zi">
		 	<h2>{{mas}}</h2>
		 </div>
		 <div class="denglu-denglu">
		 	<h2>{{fang}}</h2>
		 	<ul>
		 		<li v-for='bug in bugs'><img v-bind:src='bug.img'></li>
		 	</ul>
		 </div>
    </div>
</template>

<script>
export default {
  name: 'dengli',
  data () {
    return {
    	cha:"../static/img/denglu-cha.png",
    	logo:"../static/img/jiaru-logo.png",
    	mas:'使用手机号和密码登录',
    	fang:'————  其他登陆方式  ————',
    	bugs:[
    		{img:'../static/img/weixin.png'},{img:'../static/img/weibo.png'},{img:'../static/img/qq.png'}
    	]

    }
  }
}
</script>


<style scoped lang="less">
 @import url(../assets/less/denglu.less);
</style>
